<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="geral"/>
	<style type="text/css">
		.form-signin {
		  max-width: 360px;
		  padding: 15px;
		  margin: 0 auto;
		}
		.form-signin .form-signin-heading,
		.form-signin .checkbox {
		  margin-bottom: 10px;
		}
		.form-signin .checkbox {
		  font-weight: normal;
		}
		.form-signin .form-control {
		  position: relative;
		  height: auto;
		  -webkit-box-sizing: border-box;
		     -moz-box-sizing: border-box;
		          box-sizing: border-box;
		  padding: 10px;
		  font-size: 16px;
		}
		.form-signin .form-control:focus {
		  z-index: 2;
		}
		.form-signin input[type="email"] {
		  margin-bottom: -1px;
		  border-bottom-right-radius: 0;
		  border-bottom-left-radius: 0;
		}
		.form-signin input[type="password"] {
		  margin-bottom: 10px;
		  border-top-left-radius: 0;
		  border-top-right-radius: 0;
		}
	</style>
</head>
<body>
	<g:hasErrors bean="${usuario}">
	  <ul>
	   <g:eachError var="err" bean="${usuario}">
	   		<div class="alert alert-danger alert-dismissable">
			  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			 <g:message error="${err}"/>
			</div>	
	   </g:eachError>
	  </ul>
	</g:hasErrors>
	<g:form action="cadastrar" class="form-signin" role="form">
		<h2 class="form-signin-heading">Registre-se</h2>
		<input type="text" name="nome" class="form-control" style="width: 330px;"
        placeholder="Nome" required autofocus>
        <input type="text" name="email" class="form-control" style="width: 330px;"
        placeholder="Email" required>
       <input type="text" name="login" class="form-control" style="width: 330px;"
        placeholder="Login" required >
       <input type="password" name="senha" style="width: 330px;" class="form-control" placeholder="Senha" required>
       <button class="btn btn-lg btn-primary btn-block" type="submit">Registrar</button>
	</g:form>
</body>
	
</html>
